﻿    <div>
        <b>Upload new reference universe</b><br /><br />
        <div style="display: table; width: 99%;">
            <div class="table-row-inp">
                <div class="inp-label">
                    Name*
                </div>
                <div class="inp-holder">
                    <input type="text" maxlength="20" ng-model="referenceUniverses.newReferenceUniverseName" class="inp">
                </div>
            </div>
            <div class="table-spacer">&nbsp;</div>
            <div class="table-row-inp">
                <div class="inp-label">
                    Upload file*
                </div>
                <div class="inp-holder">
                    <input type="file" ng-file-select="referenceUniverses.onSelectExcel($files);" accept=".xls, .xlsx" />
                    <span class="progress" ng-show="referenceUniverses.uploadProgress >= 0">
                        Progress: {{referenceUniverses.uploadProgress}}%
                    </span>
                </div>
            </div>
            <div class="table-spacer">&nbsp;</div>
        </div>
        <button class="btn-green" ng-click="referenceUniverses.uploadNewReferenceUniverse();" ng-disabled="!referenceUniverses.selectedFile || referenceUniverses.newReferenceUniverseName.length==0">Upload</button><br /><br /><br />
        <b>Manage existing universes</b><br /><br />
        <div style="display: table; width: 99%;">
            <div class="table-row-inp">
                <div class="inp-label">
                    Reference universe*
                </div>
                <div class="inp-holder">
                    <select class="select-box" style="width: 96%;" ng-options="refUniverse.name for refUniverse in referenceUniverses.existingReferenceUniverses" ng-selected="referenceUniverses.existingReferenceUniverses[0]" ng-model="referenceUniverses.selectedReferenceUniverse"></select>
                </div>
            </div>
            <div class="table-spacer">&nbsp;</div>
            <div class="table-row-inp">
                <div class="inp-label">
                    Upload file*
                </div>
                <div class="inp-holder">
                    <input type="file" ng-file-select="referenceUniverses.onExistingSelectExcel($files);" accept=".xls, .xlsx" />
                    <span class="progress" ng-show="referenceUniverses.uploadProgressExisting >= 0">
                        Progress: {{referenceUniverses.uploadProgressExisting}}%
                    </span>
                </div>
            </div>
            <div class="table-spacer">&nbsp;</div>
        </div>
        <br />
        <button class="btn-green" ng-click="referenceUniverses.uploadExistingReferenceUniverse();" ng-disabled="!referenceUniverses.existingSelectedFile">Upload</button>
        <div style="float: right; margin-right: 35px;">
            <button class="btn-green">Download contents</button>
            <button class="btn-green">Delete</button>
        </div>
        <div class="clear">&nbsp;</div>
    </div>
    <br /><br />
    <div ng-show="referenceUniverses.uploadDetails" style="width: 970px;overflow:auto">
    <pre class="pre-error-view">{{referenceUniverses.uploadDetails}}</pre>
</div>